Countdown Break Timer

class="std-btn <a id="startBreak" countdown="" std-center <a onclick="setCountdown(30);">30 <a Minutes</a> id="otherValue" std-center waves-light class="std-right" countdown="10" onclick="setCountdown(10);">10 std-center"> btn" class="std-btn </div> </div> <div class="row"> class="std-btn btn" onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> id="countdown" class="row"> waves-effect waves-light Minutes</a> waves-light <div </div> waves-effect waves-light Minutes</a> class="std-btn std-center <div std-center waves-effect id="countdown-slider" waves-light style="width:160px; Minutes</a> class="countdown"></div> waves-effect type="range" waves-effect disabled" class="std-btn Break</a> waves-effect countdown="60" waves-effect Timer <a waves-effect min="1" <a countdown="5" class="std-btn btn" </div> class="col btn Break col std-center onclick="setCountdown(20);">20 <a std-center countdown="15" onclick="startBreak()">Start btn" onclick="setCountdown(15);">15 <a btn onchange="updateSliderText(this.value);" <a max="60" border:0;" waves-light /> std-left" countdown="20" id="otherSlider" id="stopBreak"class="std-btn Countdown onclick="setCountdown(60);">60 btn" class="input-field s12 <a </div> btn" class="std-left" waves-effect class="std-btn waves-light class="range-field std-left"> display:inline; <p><div waves-light countdown="30" white-space: <input nowrap;"> onclick="stopBreak()">Stop std-center"> style="width:400px; <div s12 std-center class="std-btn Minutes</a> std-center <div onclick="setCountdown(5);">5 btn" <div waves-light Minutes</a> Break</a>